<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title> 小米商城 - Xiaomi 11 Ultra、Redmi K40 Pro、MIX FOLD，小米电视官方网站</title>
    <meta name="description" content="小米官网直营小米公司旗下所有产品，包括Xiaomi手机系列Xiaomi 11 Ultra、MIX FOLD，Redmi 红米系列Redmi Note 9、Redmi K40 Pro，小米电视、笔记本、米家智能家居等，同时提供小米客户服务及售后支持.">
    <meta name="keywords" content="Xiaomi,redmi,Xiaomi11 Ultra,Redmi Note 9,Xiaomi MIX Alpha,小米商城">
    <link rel="shortcut icon" href="bitbug_favicon.ico" />
    <link rel="stylesheet" href="./CSS/index.css">
    <link rel="stylesheet" href="./CSS/swiper-bundle.min.css">

</head>

<body>
    <ul class="fix">
        <li>
            <a href="#"> <i></i>
                <p>手机APP</p>
            </a>
        </li>
        <li>
            <a href="#"><i></i>
                <p>个人中心</p></a>
        </li>
        <li>
            <a href="#"> <i></i>
                <p>售后服务</p>
            </a>
        </li>
        <li>
            <a href="#"> <i></i>
                <p>人工客服</p>
            </a>
        </li>
        <li>
            <a href="#"><i></i>
                <p>购物车</p></a>
        </li>
    </ul>
    <header class="header ">
        <div class="w">
            <ul class="head-left">
                <li>
                    <a href="#">小米商城</a>
                </li>
                <li></li>
                <li>
                    <a href="#">MIUI</a>
                </li>
                <li></li>
                <li>
                    <a href="#">loT</a>
                </li>
                <li></li>
                <li>
                    <a href="#">云服务</a>
                </li>
                <li></li>
                <li>
                    <a href="#">天星数科</a>
                </li>
                <li></li>
                <li>
                    <a href="#">有品</a>
                </li>
                <li></li>
                <li>
                    <a href="#">小爱开放平台</a>
                </li>
                <li></li>
                <li>
                    <a href="#">企业团购</a>
                </li>
                <li></li>
                <li>
                    <a href="#">资质证照</a>
                </li>
                <li></li>
                <li>
                    <a href="#">下载app</a>
                </li>
                <li></li>
                <li>
                    <a href="#">Select Location</a>
                </li>
            </ul>
            <div class="head-right">
                <ul>
                    <li><a href="#">登录</a></li>
                    <li>
                        </a>
                    </li>
                    <li><a href="./register.html" class="yeloe">注册</a></li>
                    <li>
                        </a>
                    </li>
                    <li><a href="#">消息通知</a></li>
                    <li></li>
                    <li><a href="#"> 购物车(0)</a></li>
                </ul>
            </div>
        </div>
    </header>

    <div class="daohan w">
        <a href="#" title="小米官网"><img src="./upload/logo-mi2.png" alt="" class="logo"></a>
        <nav class="nav">
            <ul>
                <li>
                    <a href="#">Xiaomi手机</a>
                </li>
                <li>
                    <a href="#">Redmi红米</a>
                </li>
                <li>
                    <a href="#">电视</a>
                </li>
                <li>
                    <a href="#">笔记本</a>
                </li>
                <li>
                    <a href="#">平板</a>
                </li>
                <li>
                    <a href="#">家电</a>
                </li>
                <li>
                    <a href="#">路由器</a>
                </li>
                <li>
                    <a href="#">服务</a>
                </li>
                <li>
                    <a href="#">社区</a>
                </li>
            </ul>
        </nav>
        <div class="search">
            <input type="search" class="sou" placeholder="小米平板5"><button class="sou2"></button>
        </div>
    </div>

    <div class="tu w">
        <ul class="tu-l">
            <li>
                <a href="#">手机</a>
            </li>
            <li>
                <a href="#">电视</a>
            </li>
            <li>
                <a href="#">笔记本 平板</a>
            </li>
            <li>
                <a href="#">出行 穿戴</a>
            </li>
            <li>
                <a href="#">耳机 音箱</a>
            </li>
            <li>
                <a href="#">家电</a>
            </li>
            <li>
                <a href="#">智能 路由器</a>
            </li>
            <li>
                <a href="#">电源 配件</a>
            </li>
            <li>
                <a href="#">健康 儿童</a>
            </li>
            <li>
                <a href="#">生活 箱包</a>
            </li>
        </ul>
        <div class="tu-r">
            <div class="swiper swiper-initialized swiper-horizontal swiper-pointer-events swiper-backface-hidden">
                <div class="swiper-wrapper" id="swiper-wrapper-da948dc41ce832df" aria-live="polite">
                    <div class="swiper-slide swiper-slide-active" role="group" aria-label="1 / 10" style="width: 1482px;">
                        <a href="#"><img src="./imager/01.webp" alt=""></a>
                    </div>
                    <div class="swiper-slide swiper-slide-next" role="group" aria-label="2 / 10" style="width: 1482px;">
                        <a href="#"><img src="./imager/02.webp" alt=""></a>
                    </div>
                    <div class="swiper-slide" role="group" aria-label="3 / 10" style="width: 1482px;">
                        <a href="#"><img src="./imager/03.jpg" alt=""></a>
                    </div>
                    <div class="swiper-slide" role="group" aria-label="4 / 10" style="width: 1482px;">
                        <a href="#"><img src="./imager/04.webp" alt=""></a>
                    </div>
                </div>
                <!-- Add Pagination -->
                <div class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal "><span class="swiper-pagination-bullet swiper-pagination-bullet-active" tabindex="0" role="button" aria-label="Go to slide 1" aria-current="true"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 2"></span>
                    <span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 3"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 4"></span><span class="swiper-pagination-bullet"
                        tabindex="0" role="button" aria-label="Go to slide 5"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 6"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 7"></span>
                    <span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 8"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 9"></span><span class="swiper-pagination-bullet"
                        tabindex="0" role="button" aria-label="Go to slide 10"></span></div>
                <!-- Add Navigation -->
                <div class="swiper-button-prev swiper-button-disabled" tabindex="-1" role="button" aria-label="Previous slide" aria-controls="swiper-wrapper-da948dc41ce832df" aria-disabled="true"></div>
                <div class="swiper-button-next" tabindex="0" role="button" aria-label="Next slide" aria-controls="swiper-wrapper-da948dc41ce832df" aria-disabled="false"></div>
                <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>
        </div>


    </div>

    <div class="hom w">
        <ul class='hom-l'>
            <li>
                <a href="#"><img src="./upload/01.png" alt="">
                    <p>保障服务</p>
                </a>
            </li>
            <li>
                <a href="#"><img src="./upload/02.png" alt="">
                    <p>企业团购</p>
                </a>
            </li>
            <li>
                <a href="#"><img src="./upload/03.png" alt="">
                    <p>F码通道</p>
                </a>
            </li>
            <li>
                <a href="#"><img src="./upload/04.png" alt="">
                    <p>米粉卡</p>
                </a>
            </li>
            <li>
                <a href="#"><img src="./upload/05.png" alt="">
                    <p>以旧换新</p>
                </a>
            </li>
            <li>
                <a href="#"><img src="./upload/06.png" alt="">
                    <p>话费充值</p>
                </a>
            </li>
        </ul>
        <ul class="hom-r">
            <li>
                <a href="#"><img src="./imager/atm.jpg" alt=""></a>
            </li>
            <li>
                <a href="#"><img src="./imager/sj.jpg" alt=""></a>
            </li>
            <li>
                <a href="#"><img src="./imager/手表.jpg" alt=""></a>
            </li>
        </ul>
    </div>

    <section>
        <div class="datu w">
            <a href="#"><img src="./imager/atmmmc.webp" alt=""></a>
        </div>
        <div class="shouji w">
            <h2>手机<a href="#">查看更多</a>
            </h2>
            <div class="shouji-l">
                <a href="#"><img src="./imager/dapin.webp" alt=""></a>
            </div>
            <div class="shouji-r">

                <ul>
                    <li>
                        <a href="#"><img src="./imager/sj1.webp" alt="">
                            <h3>Redmi Note 11T Pro+</h3>
                            <p class="p1">天玑8100 | 真旗舰芯</p>
                            <p class="p2">1999元起 <del>2099元</del></p>
                        </a>
                    </li>
                    <li>
                        <a href="#"><img src="./imager/sj2.webp" alt="">
                            <h3>Redmi Note 11T Pro</h3>
                            <p class="p1">天玑8100 | 真旗舰芯</p>
                            <p class="p2">1699元起 <del>1799元</del></p>
                        </a>
                    </li>
                    <li>
                        <a href="#"><img src="./imager/03.webp" alt="">
                            <h3>Redmi Note 11SE</h3>
                            <p class="p1">双卡双5G | 极速登陆</p>
                            <p class="p2">999元起 <del>1099元</del></p>
                        </a>
                    </li>
                    <li>
                        <a href="#"><img src="./imager/sj04.webp" alt="">
                            <h3>Xiaomi Civi 1S</h3>
                            <p class="p1">原生美肌人像|奇迹阳光动人新色...</p>
                            <p class="p2">2299元起</p>
                        </a>
                    </li>
                    <li>
                        <a href="#"><img src="./imager/sj05.webp" alt="">
                            <h3>Redmi 10A</h3>
                            <p class="p1">大音量、大电量、大屏幕</p>
                            <p class="p2">649元起 <del>699元</del></p>
                        </a>
                    </li>
                    <li>
                        <a href="#"><img src="./imager/sj06.webp" alt="">
                            <h3>Redmi K50 Pro</h3>
                            <p class="p1">2K直屏的狠旗舰</p>
                            <p class="p2">2699元起 <del>2999元</del></p>
                        </a>
                    </li>
                    <li>
                        <a href="#"><img src="./imager/sj7.webp" alt="">
                            <h3>Redmi K50</h3>
                            <p class="p1">2K直屏的狠旗舰</p>
                            <p class="p2">2199元起 <del>2399元</del></p>
                        </a>
                    </li>
                    <li>
                        <a href="#"><img src="./imager/sj08.webp" alt="">
                            <h3>Redmi K40S</h3>
                            <p class="p1">口碑真旗舰</p>
                            <p class="p2">1799元起</p>
                        </a>
                    </li>
                </ul>

            </div>
        </div>
        <div class="shouji w cadai">
            <h2>智能穿戴<a href="#">穿戴</a><a href="#">热门</a>
            </h2>
            <div class="shouji-l">
                <a href="#"><img src="./imager/sbiao.webp" alt=""></a>
            </div>
            <div class="shouji-r">

                <ul>
                    <li>
                        <a href="#"><img src="./imager/sbiao1.webp" alt="">
                            <h3>Redmi Watch S1</h3>
                            <p class="p1">蓝宝石玻璃镜面 | 不锈钢中框</p>
                            <p class="p2">1049元起 <del>1099元</del></p>
                        </a>
                    </li>
                    <li>
                        <a href="#"><img src="./imager/sbiao2.webp" alt="">
                            <h3>Xiaomi真无线降噪耳机3</h3>
                            <p class="p1">40dB宽频主动降噪 | HiF高保真音质...</p>
                            <p class="p2">369元起 <del>499元</del></p>
                        </a>
                    </li>
                    <li>
                        <a href="#"><img src="./imager/sbiao3.webp" alt="">
                            <h3>Redmi 手表 2</h3>
                            <p class="p1">1.6"AMOLED大屏|117种运动模式|...</p>
                            <p class="p2">379元起 <del>399元</del></p>
                        </a>
                    </li>
                    <li>
                        <a href="#"><img src="./imager/sbiao4.webp" alt="">
                            <h3>小米手环6 NFC版</h3>
                            <p class="p1">1.56"跑道全面彩屏|30种运动模式...</p>
                            <p class="p2">239元起<del>279元</del></p>
                        </a>
                    </li>
                    <li>
                        <a href="#"><img src="./imager/sbiao5.webp" alt="">
                            <h3>Xiaomi 真无线降噪耳机 3 Pro</h3>
                            <p class="p1">40dB自适应降噪|空间音频|HiF...</p>
                            <p class="p2">649元起 <del>699元</del></p>
                        </a>
                    </li>
                    <li>
                        <a href="#"><img src="./imager/sbiao6.webp" alt="">
                            <h3>Redmi Buds 3半入耳 真无线蓝牙...</h3>
                            <p class="p1">轻巧半入耳|通话降噪|20小时长续航</p>
                            <p class="p2">179元起 <del>199元</del></p>
                        </a>
                    </li>
                    <li>
                        <a href="#"><img src="./imager/sbiao7.webp" alt="">
                            <h3>Redmi Buds3青春版</h3>
                            <p class="p1">轻巧半入耳|猫耳状稳固设计|18小...</p>
                            <p class="p2">99元起</p>
                        </a>
                    </li>
                    <li class="liulan">
                        <a href="#">
                            <h2>浏览更多</h2>
                            <p>热门</p>
                            <i class="liulan-lolo"></i>
                        </a>
                    </li>
                </ul>

            </div>
        </div>
        <div class="shouji w cadai  ">
            <h2>笔记本|平板
                <a href="#" style="color:orange;"> <u>热门</u> </a>
            </h2>
            <div class="shouji-l">
                <a href="#"><img src="./imager/diannao.webp" alt=""></a>
            </div>
            <div class="shouji-r">
                <ul>
                    <li>
                        <a href="#"><img src="./imager/diannao01.webp" alt="">
                            <h3>Redmi Book Pro 15 2022</h3>
                            <p class="p1">全新12代因特尔处理器</p>
                            <p class="p2">5599元起</p>
                        </a>
                    </li>
                    <li>
                        <a href="#"><img src="./imager/diannao02.webp" alt="">
                            <h3>Redmi G 2021 R7/RTX3050Ti...</h3>
                            <p class="p1">有光追，才是高性能游戏本</p>
                            <p class="p2">5799元起 <del>6299元</del></p>
                        </a>
                    </li>
                    <li>
                        <a href="#"><img src="./imager/diannao03.webp" alt="">
                            <h3>Pro 14 增强版 i5 独显-Win11</h3>
                            <p class="p1">2.5K超视网膜全面屏</p>
                            <p class="p2">4799元起 <del>5599元</del></p>
                        </a>
                    </li>
                    <li>
                        <a href="#"><img src="./imager/diannao04.webp" alt="">
                            <h3>RedmiBook Pro 15 R5/16G...</h3>
                            <p class="p1">3.2K超视网膜全面屏|微米级一体...</p>
                            <p class="p2">4199元起<del>5299元</del></p>
                        </a>
                    </li>
                    <li>
                        <a href="#"><img src="./imager/diannao05.webp" alt="">
                            <h3>Redmi Book Pro 14 2022</h3>
                            <p class="p1">全新12代因特尔处理器,2.5K 120Hz...</p>
                            <p class="p2">5399元起</p>
                        </a>
                    </li>
                    <li>
                        <a href="#"><img src="./imager/diannao06.webp" alt="">
                            <h3>小米平板5 Pro</h3>
                            <p class="p1">骁龙870芯片|2.5K超高清|120Hz高...</p>
                            <p class="p2">2499元起</p>
                        </a>
                    </li>
                    <li>
                        <a href="#"><img src="./imager/diannao07.webp" alt="">
                            <h3>RedmiBook Pro 14 R5/16G...</h3>
                            <p class="p1">3.2K超视网膜全面屏</p>
                            <p class="p2">3799元起<del>4699元</del></p>
                        </a>
                    </li>
                    <li class="liulan shi">
                        <a href="#">
                            <h3>Redmi显示器<br>23.8寸</h3>
                            <p class="p2">599元</p>
                            <img src="./imager/7c37478d8b3b553ba0a50adaec2fc775.webp" alt="">
                        </a>
                    </li>
                    <li class="liulan zuihou">
                        <a href="#">
                            <h2>浏览更多</h2>
                            <p>热门</p>
                            <i class="liulan-lolo"></i>
                        </a>
                    </li>
                </ul>
            </div>
        </div>

    </section>

    <div class="xinxi">
        <div class="toubu w">
            <ul>
                <li>
                    <a href="#">预约维修服务</a>
                </li>
                <li></li>
                <li>
                    <a href="#">7天无理由退货</a>
                </li>
                <li></li>
                <li>
                    <a href="#">15天免费换货</a>
                </li>
                <li></li>
                <li>
                    <a href="#">满69元包邮</a>
                </li>
                <li></li>
                <li>
                    <a href="#">520余家售后网点</a>
                </li>
            </ul>
        </div>
        <div class="heihei w clearfix">
            <dl>
                <dt>帮助中心</dt>
                <dd><a href="#">账户管理</a></dd>
                <dd><a href="#">购物指南</a></dd>
                <dd><a href="#">订单操作</a></dd>
            </dl>
            <dl>
                <dt>服务支持</dt>
                <dd><a href="#">售后政策</a></dd>
                <dd><a href="#">自助服务</a></dd>
                <dd><a href="#">相关下载</a></dd>
            </dl>
            <dl>
                <dt>线下门店</dt>
                <dd><a href="#">小米之家</a></dd>
                <dd><a href="#">服务网点</a></dd>
                <dd><a href="#">授权体验店/专区</a></dd>
            </dl>
            <dl>
                <dt>关于小米</dt>
                <dd><a href="#">了解小米</a></dd>
                <dd><a href="#">加入小米</a></dd>
                <dd><a href="#">投资者关系</a></dd>
                <dd><a href="#">企业社会责任</a></dd>
                <dd><a href="#">廉洁举报</a></dd>
            </dl>
            <dl>
                <dt>关注我们</dt>
                <dd><a href="#">新浪微博</a></dd>
                <dd><a href="#">官方微信</a></dd>
                <dd><a href="#">联系我们</a></dd>
                <dd><a href="#">公益基金会</a></dd>
            </dl>
            <dl>
                <dt>特色服务</dt>
                <dd><a href="#">F码通道</a></dd>
                <dd><a href="#">礼物码</a></dd>
                <dd><a href="#">防伪查询</a></dd>
            </dl>
            <div class="haha"><img src="./upload/Snipaste_2022-06-05_19-41-47.png" alt=""></div>
        </div>

    </div>
    <footer>
        <div class="mod_copyright w">
            <div class="links">
                <ul>
                    <li> <a href="#">关于我们</a></li>
                    <li></li>
                    <li><a href="#">联系我们</a></li>
                    <li></li>
                    <li><a href="#">联系客服</a></li>
                    <li></li>
                    <li> <a href="#">小米商城</a></li>
                    <li></li>
                    <li>
                        <a href="#">小米集团隐私政策</a>
                    </li>
                    <li></li>
                    <li><a href="#">米家</a></li>
                    <li></li>
                    <li><a href="#">小米天猫店</a></li>
                    <li></li>
                    <li><a href="#">多看</a></li>
                    <li></li>
                    <li><a href="#">米聊</a></li>
                    <li></li>
                    <li><a href="#">问题反映</a></li>
                    <li></li>
                    <li><a href="#">中国消费者协会</a></li>
                    <li></li>
                    <li><a href="#">Select Location</a></li>
                    <br>
                </ul>
            </div>
            <div class="copyright ">地址：北京市海淀区小米科技园 邮编：100096 电话：400-618-4000 传真：010-82935100 邮箱: zhanghj+itcast.cn
                <br> 京ICP备10046444号 京公网安备11010802020134号
            </div>
        </div>
    </footer>
    <script src="./js/swiper-bundle.min.js"></script>
    <script>
        /* ========
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                Debugger plugin, simple demo plugin to console.log some of callbacks
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                ======== */
        function myPlugin({
            swiper,
            extendParams,
            on
        }) {
            extendParams({
                debugger: false,
            });

            on('init', () => {
                if (!swiper.params.debugger) return;
                console.log('init');
            });
            on('click', (swiper, e) => {
                if (!swiper.params.debugger) return;
                console.log('click');
            });
            on('tap', (swiper, e) => {
                if (!swiper.params.debugger) return;
                console.log('tap');
            });
            on('doubleTap', (swiper, e) => {
                if (!swiper.params.debugger) return;
                console.log('doubleTap');
            });
            on('sliderMove', (swiper, e) => {
                if (!swiper.params.debugger) return;
                console.log('sliderMove');
            });
            on('slideChange', () => {
                if (!swiper.params.debugger) return;
                console.log(
                    'slideChange',
                    swiper.previousIndex,
                    '->',
                    swiper.activeIndex
                );
            });
            on('slideChangeTransitionStart', () => {
                if (!swiper.params.debugger) return;
                console.log('slideChangeTransitionStart');
            });
            on('slideChangeTransitionEnd', () => {
                if (!swiper.params.debugger) return;
                console.log('slideChangeTransitionEnd');
            });
            on('transitionStart', () => {
                if (!swiper.params.debugger) return;
                console.log('transitionStart');
            });
            on('transitionEnd', () => {
                if (!swiper.params.debugger) return;
                console.log('transitionEnd');
            });
            on('fromEdge', () => {
                if (!swiper.params.debugger) return;
                console.log('fromEdge');
            });
            on('reachBeginning', () => {
                if (!swiper.params.debugger) return;
                console.log('reachBeginning');
            });
            on('reachEnd', () => {
                if (!swiper.params.debugger) return;
                console.log('reachEnd');
            });
        }
    </script>
    <script>
        // Init Swiper
        var swiper = new Swiper('.swiper', {
            // Install Plugin To Swiper
            modules: [myPlugin],
            pagination: {
                el: '.swiper-pagination',
                clickable: true,
            },
            navigation: {
                nextEl: '.swiper-button-next',
                prevEl: '.swiper-button-prev',
            },
            // Enable debugger
            debugger: true,
        });
    </script>
</body>

</html>